<template>
	<view class="home">
		<view class="home_item" v-for="(item,index) in dataList" :key='index' @click="$linkTo(item.url)">
			<u-icon :name="item.icon" size="75" :color="item.color" custom-prefix="iconfont"></u-icon>
			<view class="u-m-l-30">{{item.title}}</view>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				dataList: [{
						title: '支付宝商户',
						url: '/package/supplierSide/paymentChannel/alipay/index',
						icon: 'e60b',
						color: '#1296DB',
					},
					{
						title: '微信商户',
						url: '/package/supplierSide/paymentChannel/weChat/index',
						icon: 'e606',
						color: '#50B674',
					},
				]
			};
		},

		onLoad() {

		},
		onShow() {

		},
		methods: {

		}
	};
</script>
<style>
	page {
		background-color: #f5f5f5;
	}
</style>
<style lang="scss" scoped>
	.home {
		padding: 26rpx;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

		.home_item {
			font-size: 30rpx;
			background-color: #ffffff;
			border-radius: 10rpx;
			display: flex;
			padding: 0 30rpx;

			align-items: center;
			width: calc(50% - 10rpx);
			height: 130rpx;
			box-shadow: 0 0 5rpx 5rpx rgba(0, 0, 0, .02);
		}
	}
</style>
